<template>
	<view class="logbox">
		<u-popup :show="show" @close="close" :round="20">
			<view class="mainpadding">
				<view class="flexcenter">
					<view class="margin_right1">
						<u-icon name="weixin-fill" color="#09BB07" size="28"></u-icon>
					</view>
					<view class="xiaohei ershiba">微信登录</view>
				</view>
				<view class="flexcenter margin_top4" @click="jumper('/pages/login/yanzhengmdl')">
					<view class="margin_right1">
						<image class="sjyz" src="../../static/image/system/sj.png" mode=""></image>
					</view>
					<view class="xiaohei ershiba">手机验证码登录</view>
				</view>
				<view class="bigbtn margin_top5 flexcenter" @click="close">取消</view>
			</view>
		</u-popup>
		<view class="xiaohei fonweight" style="font-size: 56rpx;">登录</view>
		<view class="bigtext xiaohui margin_top5">还没有账号？立即
			<text class="bigtext xiaolan fonweight" @click="jumper('/pages/login/zhuce')">注册</text>
		</view>
		<view class="xiahuaxian margin_top6">
			<input type="number" placeholder="请输入手机号">
		</view>
		<view class="xiahuaxian margin_top">
			<input type="password" placeholder="请输入请输入密码">
		</view>
		<view class="flexbetween margin_top">
			<view class="strongtext xiaohui" @click="jumper('/pages/login/wangjmm')">忘记密码？</view>
			<view class="strongtext xiaolan" @click="show = true">其他方式登录</view>
		</view>
		<!-- 未输入展示的按钮 -->
		<view class="margin_top6 denglhbtn flexcenter touming">登录</view>
		<!-- 已输入展示的按钮 -->
		<!-- <view class="margin_top6 denglhbtn flexcenter">登录</view> -->
		<view class="gudingdb ffffff mainpadding">
			<view class="flexcenter">
				<!-- 已选中 -->
				<view class="margin_right1">
					<u-icon name="checkmark-circle-fill" color="#2979ff" size="20"></u-icon>
				</view>
				<!-- 为选中 -->
				<!-- <view class="weixz margin_right1"></view> -->
				<view class="flexleft">
					<view class="strongtext xiaohui">我已阅读并同意本平台</view>
					<view class="strongtext xiaolan fonweight">用户协议</view>
					<view class="strongtext xiaohui">和</view>
					<view class="strongtext xiaolan fonweight">隐私协议</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false
			}
		},
		methods: {
			close() {
				this.show = false
				// console.log('close');
			},
			jumper(url) {
				uni.navigateTo({
					url: url
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.touming {
		opacity: 0.5;
	}

	.sjyz {
		width: 44rpx;
		height: 44rpx;
	}

	.denglhbtn {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 800;
		color: #FFFFFF;
		width: 590rpx;
		height: 104rpx;
		background: #2361FF;
		border-radius: 52rpx;
	}

	.logbox {
		padding: 180rpx 80rpx 30rpx;
	}
</style>